body, body *{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    left: 0;
    text-decoration: none;
    border: 0;
    font: 15px/1.5 arial, "Microsoft Yahei" ;
    counter-reset: #333;
    color: #333;
    outline: none;
}

.main-boxs{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.box-1,.box-2{
    position: relative;
    height: 100%;
    width: 100%;
    background: url(/imgs/main/backaground1.jpg) center center / cover no-repeat;
}
.box-2{
    background: url(/imgs/main/background2.webp) center center / cover no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 主页警告 */
.alert-window{
    background:  rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 原神适龄提醒 */
.alert-box-1{
    width: 590px;
    height: 443px;
    background: url(/imgs/main/原神适龄提醒.webp) center center / cover no-repeat;
    position: relative;
}
.alert-box-2{
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 590px;
    width: 39.326px;
    height: 39.326px;
}
.box-1-warn{
    cursor: pointer;
    position: absolute;
    width: 73px;
    height: 93px;
    left: 11.8%;
    bottom: 14.6%;
    background: url(/imgs/main/12+.webp) center center / cover no-repeat;
}
/* 主页挂件 */
.box-1-yuanshe{
    border: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 140px;
    font-size: 69.0741px;
    width: 178px;
    height: 140px;
}
.box-1-yuanshe img{
    width: 145px;
    height: 105px;
}
.box-1-bottom{
    position: absolute;
    left: 28%;
    bottom: 90px;
    width: 44%;
    display: flex;
    justify-content: space-between;
}
.box-1-in{
    cursor: pointer;
    position: absolute;
    top: 52px;
    left: 1200px;
    width: 160px;
    height: 46px;
    background: url(/imgs/main/进入官网.webp) center center / cover no-repeat;
}
.box-1-item-1,.box-1-item-2,.box-1-item-3{
    cursor: pointer;
    width: 199px;
    height: 48px;
    background: url(/imgs/main/PC端下载.webp) center center / cover no-repeat;
}
.box-1-item-2{
    background: url(/imgs/main/其他下载.webp) center center / cover no-repeat;
}
.box-1-item-3{
    background: url(/imgs/main/云原神下载.webp) center center / cover no-repeat;
}

/* 主页下一半 轮播*/
.start-main{
    width: 900px;
    height: 700px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.show{
    width: 644px;
    height: 374px;
    margin-top: 36px;
    margin-bottom: 26%;
    position: relative;
}
.show-item{
    display: block;
    width: 644px;
    height: 374px;
    transition: transform 1s ease-in-out;
}
.show-xin{
    cursor: pointer;
    position: absolute;
    left: auto;
    bottom: 220px;
    display: flex;
    justify-content: space-around;
}
.show-xin img{
    margin: 0 34.2px;
    height: 21px;
    width: 21px;
}
.show-wx{
    position: absolute;
    left: auto;
    bottom: 20px;
}
.show-wx img{
    transform: scale(0.7);
    margin: 30px;
}
.show-click-item1{
    width: 82px;
    height: 73px;
    margin-bottom: 20%;
    background: url(https://uploadstatic.mihoyo.com/puzzle/upload/puzzle/2023/06/29/5054187cc8d15960e2bea80ab5691c83_6835185420326557533.png?x-oss-process=image/format,webp/quality,Q_90) center center / cover no-repeat;
}
.show-click-item2{
    width: 82px;
    height: 73px;
    margin-bottom: 20%;
    background: url(https://uploadstatic.mihoyo.com/puzzle/upload/puzzle/2023/06/29/e88fcd54082efee57f231360d020abae_5620233782922247570.png?x-oss-process=image/format,webp/quality,Q_90) center center / cover no-repeat;
}
.tag{
    position: absolute;
    left: 100px;
    top: 2px;
    width: 70px;
    height: 380px;
    background: url(https://uploadstatic.mihoyo.com/puzzle/upload/puzzle/2023/06/29/9ce48afc6ba96611e039752a07588016_1157680443493449843.png?x-oss-process=image/format,webp/quality,Q_90) center center / cover no-repeat;
}
#back1{
    background: url(https://uploadstatic.mihoyo.com/puzzle/upload/puzzle/2023/06/27/c11da43a7ce8c3b6a911bd666467ce93_8943545457598833352.png?x-oss-process=image/format,webp/quality,Q_90) center center / cover no-repeat;
    
}
#back2{
    background: url(https://uploadstatic.mihoyo.com/puzzle/upload/puzzle/2023/05/16/64328ac4ad4baf3f13f6e36dac889703_4068855659663110277.png?x-oss-process=image/format,webp/quality,Q_90) center center / cover no-repeat;
}
#back3{
    background: url(https://uploadstatic.mihoyo.com/puzzle/upload/puzzle/2023/05/16/b43fe71f11ef5147c57e287e16592422_6798603925736605711.png?x-oss-process=image/format,webp/quality,Q_90) center center / cover no-repeat;
}
#back4{
    background: url(https://uploadstatic.mihoyo.com/puzzle/upload/puzzle/2023/05/16/3a1760449507c96a28c066148f3c8a16_203547796934874932.png?x-oss-process=image/format,webp/quality,Q_90) center center / cover no-repeat;
}
#back5{
    background: url(https://uploadstatic.mihoyo.com/puzzle/upload/puzzle/2023/05/16/7a54dc691e450c32262c3d565234946d_7367504620217885063.png?x-oss-process=image/format,webp/quality,Q_90) center center / cover no-repeat;
}
